<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的发货单</title>
    
    <link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" type="text/css" href="css/icons-extra.css"/>
	<style type="text/css">
		*{
			margin: 0 auto;
			padding: 0px;
			text-align: center;
			font-family: "微软雅黑 Light";
			color: black;
		}
		p{
			color: black;
		}
		html{
			height: 100%;
			width: 100%;
		}
		body{
			height: 100%;
			width: 100%;
		}
		#bodydiv{
			width: 100%;
			height: 100%;
		}
		#headertext{
			color: white;
			padding: 4% 3%;
			background: #23CAD0;
			font-size: 25px;
			margin: 0px;
		}
		#myfahuodan{
			background: white;
			padding: 3% 3%;
			border-bottom: #CACACA 1px solid;
			font-size: 25px;
			color: black;
		}
		#bodydivcontent{
			margin-top:5% ;
		}
	</style>
</head>
<body>
	
	<div id="bodydiv">
		<header id="header">
			<p id="headertext"><span id="goback" class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;"></span>袋鼠捎货</p>
			<p id="myfahuodan" style="font-size: 18px;"><span class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;color: gainsboro;width:8%;height:100%;border: #CACACA 1px solid;border-radius: 50px;"></span>我的发货单</p>
		</header>
		<div id="bodydivcontent">
			<p style="background: white;font-size: 15px;padding: 5% 9%;text-align: left;color: #676761">您好,使用过程中遇到任何问题，请与我们联系，我们呢会第一时间为您处理！</p>
			<div id="allOrder">
				
			</div>
			
			<div style="margin-top:50px ;">
				<p style="background: #23CAD0;width: 70%;margin-bottom:5%;padding: 5%;border-radius: 5px;font-size: 25px;color: white;"><span class="mui-icon-extra mui-icon-extra-custom" style="color: white;"></span>&nbsp联系客服</p>
				<p style="background: #F48093;width: 70%;margin-bottom:5%;padding: 5%;border-radius: 5px;font-size: 25px;color: white;"><span class="mui-icon-extra mui-icon-extra-express" style="color: white;"></span>&nbsp联系配送员</p>
			</div>
			
		</div>
		<footer id="footer"></footer>
	</div>
	
	<script type="text/javascript" src="js/jquery.min.js" ></script>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <script>
    	/*(function($,$$){
    		$$("#goback").click(function(){
    			alert("回到上一层");
    		})
    	}(mui,jQuery))//测试返回是否可以使用*/
    </script>
</body>
</html>